Dazed & Confused

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

First Half-Life 2 and KMFDM, now Zelda and Led Zeppelin. I should hand in my keyboard right now, I'm a rampant beast.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>DAZED & CONFUSED//</title>
<style type="text/css">
/* Codes and Designs By Sora */
<!--
body {
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #3a1f22; 
	color: #150608; 
	font-size: 12px;
	line-height: 13px;
	font-family: arial;
	background: #3a1f22 url("http://cbimg6.com/layouts/10/12/36583aa.png");
	background-repeat: repeat-y;
	background-position: right;
        float: right;
}

#navlinks a:link, #navlinks a:active, #navlinks a:visited {
	color:#e4c390;  
	letter-spacing: 3px;
  	font-size:11px;
  	line-height:30px;
	text-decoration:none;
        text-transform: uppercase;    
	font-family: arial;  
	padding:0px 10px 0px 10px;
        float: right;
}

#navlinks a:hover, #navlinks a:focus {
	color:#150608;
	text-decoration:none;
        letter-spacing: 3px;
	background-color: #3a1f22;
        float: right;
}

a.navigate:link,a.navigate:active,a.navigate:visited{
	color:#4f867b;  
	letter-spacing: 3px;
  	font-size:11px;
  	line-height:18px;
        display:block;
	text-decoration:none;
        text-transform: uppercase;    
	font-family: arial;  
        background-color: #56383b;
        text-align: center;
	padding:0px 4px 0px 4px;
}

a.navigate:hover{
	color:#455b47;
	letter-spacing: 6px;
  	font-size:11px;
  	line-height:18px;
        display:block;
	text-decoration:none;
        text-transform: uppercase;    
	font-family: arial;  
        background-color: #3a1f22;
        text-align: center;
	padding:0px 4px 0px 4px;
}

#content {
	width: 640px;
	min-height: 800px;
	background-image: url(http://cbimg6.com/layouts/10/12/36583ab.png);
        margin: 0;
        padding: 0; 
	float: right;
}

#footer {
	position:relative;
	text-align:left;
	top:-230px;
	left:45px;
	width:200px;
	color:#000000;
        float: right;
}

#sidebar {
        position:relative;
        top:-972px;
        left:-353px;
        width:185px;
        float: right;
}

a:link, a:visited, a:active {
	color : #2d1b1c;  
        text-decoration: none;        
}

a:hover {
	text-decoration: none;
	color: #62373b;
}

h1:first-letter {
color: #796d25;
}
 
h1 {
	color:#e4c390;  
	letter-spacing: 2px;
  	font-size:20px;
  	line-height:10px;
        text-align: right;
	text-decoration:none;
        font-weight: normal;
        text-transform: uppercase;    
	font-family: courier new; 
        padding: 4px;
        border-right: 3px solid #150608;
	}

h2 {
	color:#e4c390;  
	letter-spacing: 3px;
  	font-size:11px;
  	line-height:18px;
	text-decoration:none;
        text-transform: uppercase;    
	font-family: arial;  
	text-decoration: none;
        text-align: right;
        font-weight: normal;
	background-color: #150608;
	padding: 6px; 0px;
        margin:0px;
        margin-bottom: 0px;
        margin-top: 0px;
	}

h3 {
	background-color: #4d2f32; 
	color: #150608; 
	font-size: 12px;
	line-height: 13px;
	font-family: arial;
        font-weight: normal;
        padding: 4px;
        border-left: 3px solid #150608;
        margin:0px;
        margin-bottom: 4px;
        margin-top: 0px;
	}

b { color: #796d25; }
i { color: #325f56; }
u { color: #455b47; }

-->
</style></head>

</div></div>

<h1>Who are you?</h1>
Been Dazed and Confused for so long it's not true.
Wanted a woman, never bargained for you.
Lots of people talk and few of them know,
soul of a woman was created below.
<br><br>
You hurt and abuse tellin' all of your lies.
Run around sweet baby, Lord how they hypnotize.
Sweet little baby, I don't know where you've been.
Gonna love you baby, here I come again.
<br><br>
Every day I work so hard, bringin' home my hard earned pay
Try to love you baby, but you push me away.
Don't know where you're goin', only know just where you've been,
Sweet little baby, I want you again.
<br><br>
Been dazed and confused for so long, it's not true.
Wanted a woman, never bargained for you.
Take it easy baby, let them say what they will.
Will your tongue wag so much when I send you the bill?
<br><br>

<a href="http://www.azlyrics.com/lyrics/ledzeppelin/dazedandconfused.html" target="new">Led Zeppelin - Dazed And Confused</a>
</div></body>

<div id="sidebar">
<h2>Subject Beauty//</h2>
<h3><img src="picture or something here" width="70" height="130" align="left">
Been Dazed and Confused for so long it's not true.
Wanted a woman, never bargained for you.
Lots of people talk and few of them know,
soul of a woman was created below.
</h3>

<br>

<h2>Heartbreaker//</h2>
<h3>
<table class="nav">
<td style="width:185px;"><a href="http://www.URLHERE.com" target="index.html" class="navigate"> Link</a></td>

<br>

<h2>Whole Lotta Love//</h2>
<h3>Every day I work so hard, bringin' home my hard earned pay
Try to love you baby, but you push me away.
Don't know where you're goin', only know just where you've been,
Sweet little baby, I want you again.
</h3>

<br>

<h2>Want You Again//</h2>
<h3>Been dazed and confused for so long, it's not true.
Wanted a woman, never bargained for you.
Take it easy baby, let them say what they will.
Will your tongue wag so much when I send you the bill?
</h3>
</div>
    <div id="footer">
        Layout by: <a  href="http://rainingnoodles.co.nr/" target="new">Sora</a>
    <div> 
</div>
</html>